﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Universidad de Chile</title>
<meta name="description" content="Place your description here">
<meta name="keywords" content="put, your, keyword, here">
<meta name="author" content="Templates.com - website templates provider">
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style2.css" type="text/css" media="all">
<link rel="stylesheet" href="css/datePicker.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<!--  checkbox styling script -->
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		$('input').checkBox();
		$('#toggle-all').click(function(){
		$('#toggle-all').toggleClass('toggle-checked');
		$('#mainform input[type=checkbox]').checkBox('toggle');
		return false;
	});
});
</script>  


<![if !IE 7]>

	<!--  styled select box script version 1 -->
	<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
	});
	</script>
<![endif]>

	<!--  styled select box script version 2 --> 
	<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
		$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
	});
</script>

<!--  styled select box script version 3 --> 
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
<!--  date picker script -->
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
<script src="js/jquery/date.js" type="text/javascript"></script>
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
        $(function()
{

// initialise the "Select date" link
$('#date-pick')
	.datePicker(
		// associate the link with a date picker
		{
			createButton:false,
			startDate:'01/01/2005',
			endDate:'31/12/2020'
		}
	).bind(
		// when the link is clicked display the date picker
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate);
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0]);
		}
	);
	
var updateSelects = function (selectedDate)
{
	var selectedDate = new Date(selectedDate);
	$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
	$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
	$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
	.bind(
		'change',
		function()
		{
			var d = new Date(
						$('#y').val(),
						$('#m').val()-1,
						$('#d').val()
					);
			$('#date-pick').dpSetSelected(d.asString());
		}
	);

// default the position of the selects to today
var today = new Date();
updateSelects(today.getTime());

// and update the datePicker to reflect it...
$('#d').trigger('change');
});
</script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>

</head>
<body id="page1" onLoad="new ElementMaxHeight();">
<div class="tail-top">
<!-- header -->
	<header>
		<div class="container">
			<div class="header-box">
				<div class="left">
					<div class="right">
						<nav>
							<ul>
								<li><a href="inicio.html">Inicio</a></li>
								<li class="current"><a href="perfil.html">Perfil</a></li>
								<li><a href="services.html">Agenda</a></li>
								<li><a href="services.html">Buzon</a></li>
								<li><a href="services.html">Salir</a></li>
							</ul>
						</nav>
						<h1><a href="index.html"><span>Salud</span>Deporte</a></h1>
					</div>
				</div>
			</div>
		</div>
	</header>
<!-- content -->
	<section id="content">
	<div class="inner_copy"></div>
		<div class="container" style="height:580px;">
			<div id="faded2">
			<table width="100%" cellspacing="0" cellpadding="0" border="0" id="content-table">
			<tbody><tr>
				<th class="sized" rowspan="3"><img width="20" height="300" alt="" src="images/shared/side_shadowleft.jpg"></th>
				<th class="topleft"></th>
				<td id="tbl-border-top">&nbsp;</td>
				<th class="topright"></th>
				<th class="sized" rowspan="3"><img width="20" height="300" alt="" src="images/shared/side_shadowright.jpg"></th>
			</tr>
			<tr>
				<td id="tbl-border-left"></td>
				<td>
				<!--  start content-table-inner -->
				<div id="content-table-inner">
				
				<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tbody><tr valign="top">
				<td>
										
				<div class="slides leftDot">
					<div class="right">
						<div id="related-activities" >		
							<div id="related-act-top">
								<h2></h2>
							</div>
							<div id="related-act-bottom">
								<div id="related-act-inner">
									<div class="right">
											<div style="float:left">
												<img alt="Foto Alumno" src="images/nerd.jpg" height="100"/>
											</div>
											<div style="float:left">
												<h5>Rodrigo Rebolledo G.</h5>
											</div>
											</div>
											<div class="clear"></div>
											<div class="lines-dotted-short"></div>
											<div class="right">
												<h5></h5>
												<ul class="menuUser">
													<li class="current5">Informacion Basica</li>
													<li>Informacion Medica</li>
												</ul>
											</div>
											<div class="clear"></div>
											<div class="lines-dotted-short"></div>
											<div class="right">
												<h5>Mis Actividades:</h5>
												<ul class="menuUser">
													<li>Todas</li>
													<li>Salud</li>
													<li>Nutricion</li>
													<li class="current">Deporte</li>
												</ul>
											</div>
											<div class="clear"></div>
											<div class="lines-dotted-short"></div>
											<div class="right">
												<h5>Contactos en linea:</h5>
												<ul class="list_contacto">
													<li><img class="list_img2" src="images/foto1.jpg"/>Juan Pablo Sandoval</li> 
													<li><img class="list_img2" src="images/foto2.jpg"/>Negro Pinera</li>
												</ul>
											</div>
											<div class="clear"></div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="pagination">
					<img src="images/editar.jpg" style="float:right; position:relative;top:0px;"/>
					<div align="left" style="margin-left:250px;">
						<h2>Informacion Basica</h2>
						<div class="listForm">
							<div class="field">
								<div class="field-top"></div>
								<div class="field-left">
									<h5>Nombres:</h5>
								</div>
								<div class="field-right">
									<p>Rodrigo</p>
								</div>
							</div>
							<div class="field">
								<div class="field-top"></div>
								<div class="field-left">
									<h5>Apellidos:</h5>
								</div>
								<div class="field-right">
									<p>Rebolledo</p>
								</div>
							</div>
							<div class="field">
								<div class="field-top"></div>
								<div class="field-left">
									<h5>R.U.N. :</h5>
								</div>
								<div class="field-right">
									<p>33.456.345-K</p>
								</div>
							</div>
							<div class="field">
								<div class="field-top"></div>
								<div class="field-left">
									<h5>Email:</h5>
								</div>
								<div class="field-right">
									<p>rrebolle@dcc.uchile.cl</p>
								</div>
							</div>
							<div class="field">
								<div class="field-top"></div>
								<div class="field-left">
									<h5>Fecha Nacimiento:</h5>
								</div>
								<div class="field-right">
									<p>14 de diciembre de 1986</p>
								</div>
							</div>
							<div class="field">
								<div class="field-top"></div>
								<div class="field-left">
									<h5>Sexo:</h5>
								</div>
								<div class="field-right">
									<p>Masculino</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				
			</td>
			<td>
			</td>
			</tr>
			<tr>
			<td><img width="695" height="1" alt="blank" src="images/shared/blank.gif"></td>
			<td></td>
			</tr>
			</tbody></table>
			<div class="clear"></div>
			</div>
			<!--  end content-table-inner  -->
			</td>
			<td id="tbl-border-right"></td>
			</tr>
			<tr>
				<th class="sized bottomleft"></th>
				<td id="tbl-border-bottom">&nbsp;</td>
				<th class="sized bottomright"></th>
			</tr>
			</tbody></table>
			<div class="inside">
				<br/>
			</div>
		</div>
	</section>
</div>
<!-- footer -->
<footer>
	<div class="container">
		<div class="inside">
			
		</div>
	</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>